<template>
  <div>
    <!-- <div class="todolist"> -->
    <el-row :gutter="20">
      <el-col :span="9">
        <div class="col-content">
          <li class="li-content">事项总数（项）</li>
          <div class="imp-font">6</div>
          <span>今日：20</span>
          <li class="li-content" style="margin-top:20px">审核未通过（项）</li>
          <div class="imp-font">100</div>
          <span>今日：12</span>
        </div>
      </el-col>
      <el-col :span="9">
        <div class="col-content">
          <li class="li-content">事项审核中（项）</li>
          <div class="imp-font">4</div>
          <span>今日：1</span>
          <li class="li-content" style="margin-top:20px">事项已上报（项）</li>
          <div class="imp-font">100</div>
          <span>今日：1</span>
        </div>
      </el-col>
      <el-col :span="6" style="width:150px;text-align:center">
        <el-progress
        style="margin-top:60px"
          type="circle"
          color="#36446B"
          stroke-width="17"
          :percentage="22"
        ></el-progress>
        <el-button type="primary" style="margin-top:10px;margin-bottom:100px">去处理</el-button>
      </el-col>
    </el-row>
  </div>
</template>
<script>
export default {
  name: "todoModal"
};
</script>
<style scoped>
.todolist {
  float: left;
  margin-right: 200px;
  padding: 10px 20px;
  /* height: 200px; */
}
.col-content {
  color: gray;
  padding: 10px 0 0 20px;
}
.li-content {
  color: gray;
  padding: 0 0 10px 0;
  font-size: 16px;
}
.imp-font {
  color: black;
  font-size: 30px;
  line-height: 36px;
}
</style>
